<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-

strict.dtd">
<html>
  <head>
  <title>Simple Form Validation</title>
  <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script>

  <script type="text/javascript">
    $(document).ready(function() {
      $("#form1").validate({
        rules: {
          nama: "required", // simple rule, converted to {required:true}
          alamat :
		  telepon :
		  email: { // compound rule
		  username : {
		  password :{
          required: true,
          email: true,
		  username : true,
		  password : true
        },
        url: {
          url: true
        },
        comment: {
          required: true
        }
        },
        messages: {
          comment: "Please enter a comment."
        }
      });
    });
  </script>

  <style type="text/css">
    * { font-family: Verdana; font-size: 11px; line-height: 14px; }
    .submit { margin-left: 125px; margin-top: 10px;}
    .label { display: block; float: left; width: 120px; text-align: right; margin-right: 5px; }
    .form-row { padding: 5px 0; clear: both; width: 700px; }
    label.error { width: 250px; display: block; float: left; color: red; padding-left: 10px; }
    input[type=text], textarea { width: 250px; float: left; }
    textarea { height: 50px; }
  </style>
  </head>

  <body>
    <form id="form1" method="post" action="">
      <div class="form-row"><span class="label">Nama *</span><input type="text" name="nama" /></div>
      <div class="form-row"><span class="label">Alamat *</span><input type="text" name="alamar" /></div>
	  <div class="form-row"><span class="label">Telepon *</span><input type="text" name="telepon" /></div>
	  <div class="form-row"><span class="label">E-Mail *</span><input type="text" name="email" /></div>
      <div class="form-row"><span class="label">username *</span><input type="text" name="username" /></div>
	  <div class="form-row"><span class="label">password *</span><input type="text" name="password" /></div>
	  </div>
      <div class="form-row"><input class="submit" type="submit" value="Submit"></div>
    </form>
  </body>
</html>